<template>
    <Tabs :value="name">
        <TabPane label="Code" name="Code">
            <div class="CodeTabPaneView">
                <pre class="line-numbers"><code class="language-html">{{ Code[0] }}</code></pre>
            </div>
        </TabPane>
        <TabPane label="Store" name="Store">
            <div class="CodeTabPaneView">
                <pre class="line-numbers"><code class="language-javascript">{{ Code[1] }}</code></pre>
            </div>
        </TabPane>
    </Tabs>
</template>
<script>
import RunCode from './RunView.vue?raw'
import StoreCode from './store?raw'
export default {
    data() {
        return {
            name: 'Code',
            Code: [RunCode, StoreCode]
        }
    },
    mounted() {
        setTimeout(() => {
            Prism.highlightAll()
        }, 100)
    }
}
</script>